<template>
    <div class="ea-content">
        <router-view :reload="reload"></router-view>
    </div>
</template>

<script>
    import {nextTick} from "vue"
    import {useStore} from "vuex";

    export default {
        setup() {
            //表格刷新方法
            const store = useStore();
            const reload = () => {
                store.state.refresh = false
                nextTick(() => {
                    store.state.refresh = true
                })
            }
            return {
                reload
            }
        }
    }

</script>

<style scoped>
    .ea-content {
        min-width: 335px;
        background-color: #FFF;
        position: relative;
        height: 100%;
        overflow: overlay;
    }

    @media (max-width: 767px) {
        .ea-p {
            padding: 0.5rem 0.5rem;
        }
    }

    .ea-p {
        padding: 1.5rem 1.5rem;
    }

</style>